<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="iconfont/iconfont.css" />

		<link rel="stylesheet" type="text/css" href="css/public.css" />
		<link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" href="css/myweaver.css">
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />

	</head>

	<body>
		<div class="navbar navbar-default navbar-fixed-top">
			<div class="nav_group">
				<div class="logo_left">
					<a href="全局.html">
						<img src="img/logo-1.png" alt="" />
					</a>
					<a href="全局.html">
						<img src="img/logo-2.png" alt="" />
					</a>
				</div>
				<div class="tel_box">
					<h4><small>服务热线：</small>400&ensp;820&ensp;2126</h4>
				</div>
				<div class="nav-right">
					<a href="全局.html"><span>全局</span></a>
					<i></i>
					<a href="场景.html"><span>场景</span></a>
					<i></i>
					<a href="功能.html"><span>功能</span></a>
					<i></i>
					<a href="#" onclick="wait()"><span>角色</span></a>
					<i></i>
					<a href="智能化.html"><span>智能化</span></a>
					<i></i>
					<a href="#" onclick="wait()"><span>平台化</span></a>
					<i></i>
					<a href="电子签章.html"><span>电子签章</span></a>
					<i></i>
					<a href="#" onclick="wait()"><span>移动</span></a>
					<i></i>
					<a href="#" onclick="wait()"><span>云端</span></a>
					<i></i>
					<a href="#" onclick="wait()"><span>集成</span></a>
					<i></i>
					<a href="#" onclick="wait()"><span>案例</span></a>
					<i></i>
					<a href="#" onclick="wait()"><span>思想</span></a>
					<i></i>
					<a href="泛微.html" class="active"><span>泛微</span></a>
					<i></i>
					<a href="#" class="current" onclick="wait()"><span>售前顾问</span></a>
				</div>
			</div>
		</div>
		
		<div class="consult">
			<a href="#">
				<i class="iconfont">&#xe60e;</i>
				<span>在<br />线<br />咨<br />询</span>
			</a>
		</div>

		<div class="big-box">
			<ul class="right-scroll">
				<li class="scrolls">
					<a href="#"><span></span></a>
				</li>
				<li>
					<a href="#"></a><span></span></li>
				<li>
					<a href="#"></a><span></span></li>
				<li>
					<a href="#"></a><span></span></li>
				<li>
					<a href="#"></a><span></span></li>
				<li>
					<a href="#"></a><span></span></li>
				<li>
					<a href="#"></a><span></span></li>
				<li>
					<a href="#"></a><span></span></li>
				<li>
					<a href="#"></a><span></span></li>
			</ul>

			<section class="doc">

				<div class="section1 no" style=" background: url('img/onebg.png') no-repeat rgb(242, 242, 242); margin-top: 70px;">
					<div class="container con">
						<div class="section1-left">
							<p class="main">1个目标</p>
							<p class="desc">十八年如一日，泛微从成立至今始终专注于协同办公软件OA软件</p>
						</div>
						<div class="container text-center pics"><img src="img/18year.png" alt="">
						</div>
						<a class="btn-a1" href="https://www.weaver.com.cn/">了解泛微更多</a>
					</div>
				</div>

				<div class="section2 no">
					<div class="container con">
						<div class="section2-left">
							<p class="main">18年</p>
							<p class="desc">18年专注OA的研发创新，为客户提供优质软件产品</p>
						</div>
						<div id="main">
							<table style="width:1000px;table-layout:fixed;">
								<tr>
									<td style="width:90px">
										<div id="time_prev"></div>
									</td>
									<td style="width:820px">
										<div id="timeline">
											<ul id="dates">
												<li>
													<a href="">2001</a>
												</li>
												<li>
													<a href="">2002</a>
												</li>
												<li>
													<a href="">2003</a>
												</li>
												<li>
													<a href="">2004</a>
												</li>
												<li>
													<a href="">2005</a>
												</li>
												<li>
													<a href="">2006</a>
												</li>
												<li>
													<a href="">2007</a>
												</li>
												<li>
													<a href="">2008</a>
												</li>
												<li>
													<a href="">2009</a>
												</li>
												<li>
													<a href="">2010</a>
												</li>
												<li>
													<a href="">2011</a>
												</li>
												<li>
													<a href="">2012</a>
												</li>
												<li>
													<a href="">2013</a>
												</li>
												<li>
													<a href="">2014</a>
												</li>
												<li>
													<a href="">2015</a>
												</li>
												<li>
													<a href="">2016</a>
												</li>
												<li>
													<a href="">2017</a>
												</li>
												<li>
													<a href="">2018</a>
												</li>
												<li>
													<a href="">2019</a>
												</li>
											</ul>
											<ul id="issues">
												<li id="2001">
													<div class="issuescontent">
														<div class="contentleft">2001</div>
														<div class="contentright">
															<p style="padding-top: 37px;">1. 泛微初创：为提供最好的OA奋斗</p>
															<p> 2. 泛微协同软件1.0面世</p>
															<p> 3. 泛微OA得到了5家客户的选择</p>
														</div>
													</div>
												</li>
												<li id="2002">
													<div class="contentleft">2002</div>
													<div class="contentright">
														<p style="padding-top: 57px;">1.获得上海优秀软件产品,并连续4年获此荣誉</p>
														<p> 2. 泛微协同OA软件2.0发布</p>
														<p> 3. 泛微OA得到30多家客户的选择</p>
													</div>
												</li>
												<li id="2003">
													<div class="contentleft">2003</div>
													<div class="contentright">
														<p style="padding-top: 37px;">1. 通过ISO900认证</p>
														<p>2. 获得上海火炬计划项目证书</p>
													</div>
												</li>
												<li id="2004">
													<div class="contentleft">2004</div>
													<div class="contentright">
														<p style="padding-top: 57px;">1、 在北京、深圳、广州、成都成立泛微当地机构服务客户</p>
														<p> 2、 泛微协同OA软件3.0发布</p>
													</div>
												</li>
												<li id="2005">
													<div class="contentleft">2005</div>
													<div class="contentright">
														<p style="padding-top: 37px;">1. 为浪潮、朝华提供协同软件OEM产品</p>
														<p>2. 国内首家CMM3评估认证的OA厂商</p>
													</div>
												</li>
												<li id="2006">
													<div class="contentleft">2006</div>
													<div class="contentright">
														<p style="padding-top: 17px;">1. 泛微协同管理研究院正式运营</p>
														<p>2. 手机无线版本正式发布</p>
														<p>3. 推出泛微协同办公系统标准版e-office</p>
													</div>
												</li>
												<li id="2007">
													<div class="contentleft">2007</div>
													<div class="contentright">
														<p style="padding-top: 37px;">1. 全面进入规模建设阶段：全国20多家机构成立</p>
														<p>2. 全国渠道体系走向成熟：全国100多家代理商形成</p>
													</div>
												</li>
												<li id="2008">
													<div class="contentleft">2008</div>
													<div class="contentright">
														<p style="padding-top: 37px;">1. 泛微协同管理应用平台e-weaver正式发布</p>
														<p>2. 泛微在全国成立了30多家本地化服务机构</p>
													</div>
												</li>
												<li id="2009">
													<div class="contentleft">2009</div>
													<div class="contentright">
														<p style="padding-top: 37px;">1. 泛微全新产品线发布</p>
														<p>2. 实现销售合同突破亿元大关</p>
														<p>3. 泛微完成50多个当地服务机构的建设</p>
													</div>
												</li>
												<li id="2010">
													<div class="contentleft">2010</div>
													<div class="contentright">
														<p style="padding-top: 37px;">1. 泛微协同管理走进交大安泰管理学院EMBA课堂</p>
														<p>2. 泛微发布SAP联合解决方案</p>
														<p>3. 泛微获得知名投资商投资</p>
													</div>
												</li>
												<li id="2011">
													<div class="contentleft">2011</div>
													<div class="contentright">
														<p style="padding-top: 17px;">1. 建成75家分支机构,本地化服务体系布局完成</p>
														<p>2. E-Mobile正式发布</p>
														<p>3. 泛微自主版权书《 协同管理平台OA原理设计应用》出版</p>
														<p>4. 泛微股份改制完成</p>
													</div>
												</li>
												<li id="2012">
													<div class="contentleft">2012</div>
													<div class="contentright">
														<p>1. 中国协同管理软件领军品牌</p>
														<p>2. 泛微协同管理研究院提出组织的生命力课题</p>
														<p>3. 泛微与IBM联合发布智慧云办公方案</p>
														<p>4. 建立了第86家分支机构向二三线城市布局</p>
													</div>
												</li>
												<li id="2013">
													<div class="contentleft">2013</div>
													<div class="contentright">
														<p>1. eteams云办公平台发布</p>
														<p>2. 2012福布斯中国潜力上市前十强</p>
														<p>3. 2011-2012国家重点软件企业</p>
														<p>4. 泛微发布20大行业方案</p>
													</div>
												</li>
												<li id="2014">
													<div class="contentleft">2014</div>
													<div class="contentright">
														<p style="padding-top: 37px;">1.推出“移动化、云端化、社交化、平台化”的<br>&nbsp;e-cology8.0产品线</p>
														<p>2.荣获国家五部委颁发“2013-2014国家重点软件企业</p>
														<p>3.“未来.已来”——泛微移动办公体验会全国启动</p>
													</div>
												</li>
												<li id="2015">
													<div class="contentleft">2015</div>
													<div class="contentright">
														<p style="padding-top: 37px;">1.大中型OA事业群（EBU）和中小型OA事业群（SME）<br>&nbsp;战略布局</p>
														<p>2.泛微“云桥”——第三方异构系统集成平台发布</p>
														<p>3.荣获“2015年度中国协同管理领域领军企业奖”</p>
													</div>
												</li>
												<li id="2016">
													<div class="contentleft">2016</div>
													<div class="contentright">
														<p style="padding-top: 37px;">1.推出全新移动门户解决方案，开启全国巡回体验活动</p>
														<p>2.泛微“云商店”正式发布，推动“云端化”及“平台化”<br>&nbsp;战略</p>
														<p style="margin-left:8px;">3.泛微e-cology8.0荣获“2016年度中国IT行业最佳产品奖”</p>
													</div>
												</li>
												<li id="2017">
													<div class="contentleft">2017</div>
													<div class="contentright">
														<p style="padding-top: 37px;">2017年1月13日，泛微在上交所正式上市</p>
														<p>成为行业内首家主板上市公司（股票代码：603039）</p>
													</div>
												</li>
												<li id="2018">
													<div class="contentleft">2018</div>
													<div class="contentright">
														<p style="padding-top: 60px;">泛微鲲鹏伙伴计划发布，共享亿元扶持基金，共创软件联盟</p>
													</div>
												</li>
												<li id="2019">
													<div class="contentleft">2019</div>
													<div class="contentright">
														<p style="padding-top: 50px;">泛微“智能化、平台化、全程电子化”移动办公平台E9全国<br>各地巡展开启</p>
													</div>
												</li>
											</ul>
										</div>
									</td>
									<td style="width:90px">
										<div id="time_next"></div>
									</td>
								</tr>
							</table>
						</div>
						<a class="btn-a1" href="https://www.weaver.com.cn/">了解泛微更多</a>
					</div>
				</div>

				<div class="section3 no">
					<div class="container con">
						<div class="section3-left">
							<p class="main">170多家</p>
							<p class="desc">170家泛微区域运营机构为提供客户便捷的本地化服务</p>
						</div>
						<div class="container">
							<div class="cmap">
								<div class="mapleft">
									<div class="region region1">
										<span class="region-title">泛微西部地区</span>
										<p class="region-desc">成都&nbsp;&nbsp;昆明&nbsp;&nbsp;贵阳&nbsp;&nbsp;川南<br>西宁&nbsp;&nbsp;新疆&nbsp;&nbsp;兰州&nbsp;&nbsp;重庆<br>西安&nbsp;&nbsp;银川&nbsp;&nbsp;西藏</p>
									</div>
									<div class="region region2">
										<span class="region-title">泛微华中地区</span>
										<p class="region-desc">郑州&nbsp;&nbsp;武汉&nbsp;&nbsp;长沙&nbsp;&nbsp;南昌<br>株洲&nbsp;&nbsp;衡阳&nbsp;&nbsp;襄阳&nbsp;&nbsp;鄂东<br>荆州&nbsp;&nbsp;宜昌&nbsp;&nbsp;赣州&nbsp;&nbsp;九江<br>恩施&nbsp;&nbsp;岳阳&nbsp;&nbsp;娄底&nbsp;&nbsp;邵阳<br>驻马店&nbsp;&nbsp;许昌&nbsp;&nbsp;常德</p>
									</div>
									<div class="region region3">
										<span class="region-title">泛微华南地区</span>
										<p class="region-desc">深圳&nbsp;&nbsp;东莞&nbsp;&nbsp;佛山&nbsp;&nbsp;珠海<br>中山&nbsp;&nbsp;广州&nbsp;&nbsp;南宁&nbsp;&nbsp;海口<br>柳州&nbsp;&nbsp;汕头&nbsp;&nbsp;惠州&nbsp;&nbsp;桂林<br>肇庆&nbsp;&nbsp;江门</p>
									</div>
								</div>
								<div class="animate-map" style="width:460px; height:340px;background:url(img/map.png) no-repeat 50%; background-position: 10px 50%;float:left;"></div>
								<div class="mapright">
									<div class="region region4">
										<span class="region-title">泛微东北地区</span>
										<p class="region-desc">沈阳&nbsp;&nbsp;大连&nbsp;&nbsp;长春<br>吉林&nbsp;&nbsp;哈尔滨</p>
									</div>
									<div class="region region5">
										<span class="region-title">泛微华北地区</span>
										<p class="region-desc" style="width: 150px;">北京&nbsp;&nbsp;石家庄&nbsp;&nbsp;太原&nbsp;&nbsp;天津<br>呼和浩特&nbsp;&nbsp;包头&nbsp;&nbsp;唐山</p>
									</div>
									<div class="region region6">
										<span class="region-title">泛微华东地区</span>
										<p class="region-desc" style="width: 236px;">福州&nbsp;&nbsp;厦门&nbsp;&nbsp;泉州&nbsp;&nbsp;合肥&nbsp;&nbsp;芜湖&nbsp;&nbsp;杭州&nbsp;&nbsp;宁波<br>绍兴&nbsp;&nbsp;台州&nbsp;&nbsp;温州&nbsp;&nbsp;金华&nbsp;&nbsp;嘉兴&nbsp;&nbsp;南京&nbsp;&nbsp;苏州<br>无锡&nbsp;&nbsp;南通&nbsp;&nbsp;常州&nbsp;&nbsp;济南&nbsp;&nbsp;青岛&nbsp;&nbsp;烟台&nbsp;&nbsp;潍坊<br>济宁&nbsp;&nbsp;扬州&nbsp;&nbsp;临沂&nbsp;&nbsp;淄博&nbsp;&nbsp;淮安&nbsp;&nbsp;昆山&nbsp;&nbsp;盐城<br>泰州&nbsp;&nbsp;镇江&nbsp;&nbsp;漳州&nbsp;&nbsp;莆田&nbsp;&nbsp;龙岩&nbsp;&nbsp;丽水&nbsp;&nbsp;湖州<br>日照&nbsp;&nbsp;威海</p>
									</div>
								</div>
								<div class="clear"></div>
							</div>
						</div>
						<a class="btn-a1" href="https://www.weaver.com.cn/">了解泛微更多</a>
					</div>
				</div>

				<div class="section4 no">
					<div class="container con">
						<div class="section4-left">
							<p class="main">4,000多位</p>
							<p class="desc">4000多位泛微同仁为客户提供全方位的专业服务</p>
						</div>
						<div class="container" style="width: 1000px; height: 430px;">
							<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" style="width: 630px;">
								<ol class="carousel-indicators">
									<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
									<li data-target="#carousel-example-generic" data-slide-to="1"></li>
									<li data-target="#carousel-example-generic" data-slide-to="2"></li>
								</ol>
								<div class="carousel-inner" role="listbox">
									<div class="item active">
										<img src="img/img_1.png" alt="...">
										<div class="carousel-caption">
										</div>
									</div>
									<div class="item">
										<img src="img/img_2.png" alt="...">
										<div class="carousel-caption">
										</div>
									</div>
									<div class="item">
										<img src="img/img_3.png" alt="...">
										<div class="carousel-caption">
										</div>
									</div>
								</div>
							</div>
							<div style="float:left;width:240px;padding:50px 20px;color:#fff;background-color:#0060ac;height:400px; margin-left: 630px; margin-top: -400px;">
								<p style="font-size:24px;">专业团队专业服务</p>
								<p style="margin-top:40px;">全国4000多位泛微同仁,其中300多位咨询顾问600多位研发人员,为客户提供专业化产品和服务.</p>
							</div>
						</div>
						<a class="btn-a1" href="https://www.weaver.com.cn/">了解泛微更多</a>
					</div>
				</div>

				<div class="section5 no">
					<div class="container con">
						<div class="section5-left">
							<p class="main">30,000多家</p>
							<p class="desc">30000多家客户的共同选择，覆盖86个细分行业</p>
						</div>
						<div class="container" style="padding-top:50px;padding-left: 16px; width: 1000px;">
							<div class="industry-warp" style="float: left;">
								<div class="industry-row1">
									<div class="industry">集团型客户</div>
									<div class="industry">政府机构</div>
									<div class="industry">农牧业</div>
									<div class="industry">传媒业</div>
									<div class="industry">医药医疗</div>
								</div>
								<div class="industry-row2">
									<div class="industry">制造业</div>
									<div class="industry">金融业</div>
									<div class="industry">物流行业</div>
									<div class="industry">零售流通</div>
									<div class="industry">IT科技</div>
								</div>
								<div class="industry-row3">
									<div class="industry">房产建筑</div>
									<div class="industry">化工业</div>
									<div class="industry">通讯业</div>
									<div class="industry">餐饮酒店</div>
									<div class="industry">服装鞋帽</div>
								</div>
							</div>
						</div>
						<div class="industry-stats" style="height: 350px;">
							<p style="margin:5px;">
								<div class="animate-enlarge1">
								</div>个行业
							</p>
							<p style="height: 18px;"></p>
							<p style="margin:5px;">
								<div class="animate-enlarge2">
								</div>多家客户
							</p>
							<p style="font-size:16px;margin-top:18px;padding-left: 13px;">
								通过与客户合作形成了众多的行业方案
							</p>
						</div>
						<a class="btn-a1" href="https://www.weaver.com.cn/">了解泛微更多</a>
					</div>
				</div>

				<div class="section6 no">
					<div class="container con">
						<div class="section6-left">
							<p class="main">国家重点软件企业</p>
							<p class="desc">泛微是OA行业上交所主板上市公司，国家规划布局内重点软件企业</p>
						</div>
						<section class="pc-banner">
							<div class="swiper-container">
								<div class="swiper-wrapper">
									<div class="swiper-slide">
										<a href="#">
											<img src="img/prize1.png">
										</a>
										<div class="layer-mask"></div>
									</div>
									<div class="swiper-slide">
										<a href="#">
											<img src="img/prize2.png">
										</a>
										<div class="layer-mask"></div>
									</div>
									<div class="swiper-slide">
										<a href="#">
											<img src="img/prize3.png">
										</a>
										<div class="layer-mask"></div>
									</div>
									<div class="swiper-slide">
										<a href="#">
											<img src="img/prize4.png">
										</a>
										<div class="layer-mask"></div>
									</div>

								</div>
								<div class="swiper-pagination"></div>

							</div>
						</section>
						<a class="btn-a1" href="https://www.weaver.com.cn/">了解泛微更多</a>
					</div>
				</div>

				<div class="section7 no">
					<div class="container con">
						<div class="section7-left">
							<p class="main">行业领先</p>
							<p class="desc">十八年造就泛微OA行业影响力</p>
						</div>
						<div style="text-align:center;padding-top:35px; height: 430px;">
							<img src="img/Lead1.png" style="border-right: 1px solid #E0CBAA; padding-right: 10px;" class="animate-leftin">
							<img src="img/Lead2.png" style="border-right: 1px solid #E0CBAA;" class="animate-down">
							<img src="img/Lead3.png" style="border-right: 1px solid #E0CBAA;" class="animate-up">
							<img src="img/Lead4.png" class="animate-rightin">
						</div>

						<a class="btn-a1" href="https://www.weaver.com.cn/">了解泛微更多</a>
					</div>
				</div>

				<div class="section8 no">
					<div class="container con">
						<div class="section8-left">
							<p class="main">泛微软件 盛开中国</p>
							<p class="desc">始终为客户创造价值、陪伴客户成长,造就泛微移动办公协同OA的领导品牌！</p>
						</div>
						<div class="text-center" style="height: 430px;"><img src="img/aboutmap2.png" alt=""></div>
						<a class="btn-a1" href="https://www.weaver.com.cn/">了解泛微更多</a>
					</div>
				</div>

				<div class="section9 no">
					<div class="container con">
						<div style="height: 250px;"></div>
						<div class="text-center"><img src="img/last.jpg" alt=""></div>
					</div>
									<div class="footer text-left">
					<div class="f-top">
						<div class="f-left">
							<ul>
								<li>
									<h4><b>产品</b></h4></li>
								<li>
									<a href="#">e-cology - 中大型组织OA体验</a>
								</li>
								<li>
									<a href="#">eteams - 移动云OA体验</a>
								</li>
								<li>
									<a href="#">e-office - 中小型组织OA体验</a>
								</li>
								<li>
									<a href="#">e-nation - 智慧政务OA体验</a>
								</li>
								<li>
									<a href="#">e-mobile - 移动办公OA体验</a>
								</li>
								<li>
									<a href="#">e-wechat - 微信办公OA体验</a>
								</li>
								<li>
									<a href="#">更多OA解决方案</a>
								</li>
							</ul>
							<ul>
								<li>
									<h4><b>详细</b></h4></li>
								<li>
									<a href="#">e-cology在维森</a>
								</li>
								<li>
									<a href="#">e-cology在泛微</a>
								</li>
								<li>
									<a href="#">e-cology动画演示</a>
								</li>
								<li>
									<a href="#">e-cology实景演示</a>
								</li>
							</ul>
							<ul>
								<li>
									<h4><b>观点与活动</b></h4></li>
								<li>
									<a href="#">泛微的OA观点</a>
								</li>
								<li>
									<a href="#">泛微标杆案例巡礼</a>
								</li>
								<li>
									<a href="#">泛微百城巡展</a>
								</li>
								<li>
									<a href="#">SAP泛微高峰论坛</a>
								</li>
								<li>
									<a href="#">泛微移动大会-未来.已来</a>
								</li>
								<li>
									<a href="#">OA发展思辨</a>
								</li>
							</ul>
							<ul>
								<li>
									<h4><b>关于泛微</b></h4></li>
								<li>
									<a href="#">泛微公司</a>
								</li>
								<li>
									<a href="#">媒体报道</a>
								</li>
								<li>
									<a href="#">联系我们</a>
								</li>
								<li>
									<a href="#">最新活动</a>
								</li>
								<li>
									<a href="#">泛微资质</a>
								</li>
								<li>
									<a href="#">泛微资质</a>
								</li>
							</ul>
						</div>
						<div class="f-right">
							<a href="#">
								<span>泛微公众号</span>
							</a>
							<a href="#">
								<span>400-202-126</span>
							</a>
						</div>
					</div>
					<div class="f-bottom">
						<p>Copyright © 2001-2019 Weaver Network All Rights Reserved.
							<a href="#">沪ICP备05040488号</a>
						</p>
						<p>
							<a href="#">沪公网安备 31011202007111号</a>
						</p>
					</div>
				</div>

	
				</div>

		</section>
		</div>
		<script src="js/jquery-3.4.0.min.js"></script>
		<script src="js/jquery.mousewheel.min.js"></script>
		<script type="text/javascript" src="js/jquery.timelinr-0.9.53.js"></script>
		<script src="js/swiper.min.js"></script>
		<script>
//			$().Swiper(".swiper-container",{
//				autoplay: false,
//				speed: 1000,
//				autoplayDisableOnInteraction: false,
//				loop: true,
//				centeredSlides: true,
//				slidesPerView: 4,
//				pagination: '.swiper-pagination',
//				paginationClickable: true,
//				breakpoints: {
//					668: {
//						slidesPerView: 1,
//					}
//				}
//			})
			var swiper = new Swiper('.swiper-container', {
				autoplay: false,
				speed: 1000,
				autoplayDisableOnInteraction: false,
				loop: true,
				centeredSlides: true,
				slidesPerView: 4,
				pagination: '.swiper-pagination',
				paginationClickable: true,
				breakpoints: {
					668: {
						slidesPerView: 1,
					}
				}
			});
		</script>
		<script type="text/javascript">
			$(function() {
				function wait() {
					alert("此模块暂未开通，敬请期待！")
				}
				$('.section1').removeClass('no');
				var num = 0;
				var timer = null;
				$('.right-scroll li').click(function(e) {
					// $('.big-box').index();
					var index = $(this).index();/*绑定li和section*/
					// console.log(index);
					$(this).addClass('scrolls').siblings().removeClass();
					$('.doc').animate({
						top: -index * 100 + '%'
					}, 500);
					num = index;
					$('.doc>div').eq(num).removeClass('no').siblings().addClass('no');
				});

				$(document).on('mousewheel', (function(event) {
					clearTimeout(timer);
					var d = 0;
					timer = setTimeout(function() {
						if(event.deltaY > 0) {d = 1;} 
						else {d = -1;}
						num -= d;
						if(num > 8) {num = 8};
						if(num < 0) {num = 0};
//						console.log(num);
						$('.right-scroll li').eq(num).addClass('scrolls').siblings().removeClass();
						$('.doc>div').eq(num).removeClass('no').siblings().addClass('no');
//						console.log(num);
						$('.doc').animate({
							top: -num * 100 + '%'
						}, 500);
					}, 300)
				}));
			});
		</script>
		
		<script type="text/javascript">
			$(function() {
				$().timelinr({
					containerDiv: '#timeline',
					datesDiv: '#dates',
					issuesDiv: '#issues',
					datesSpeed: 'normal',
					issuesSpeed: 'slow',
					autoPlay: 'false',
					prevButton: '#time_prev',
					nextButton: '#time_next',
					autoPlayDirection: 'forward',
					autoPlayPause: 5000,
					issuesTransparency: 1,
					startAt: 18
				})
			});
		</script>

	</body>

</html>